* {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	font-size: 62.5%;
}

body {
	background: black;
	position: relative;
	height: 100%;
}

.backgroundRed {
	background: red;
}

.backgroundBlack {
	background: black;
}

.displayNone {
	display: none;
}

.displayBlock {
	display: block;
}

/* 总身体 */
.body {
	width: 100%;
	height: 75rem;
	/* border: 1px solid red; */
	position: relative;
}

/* 三大格布局 */
.bodyLeft {
	width: 70%;
	height: 68rem;
	/* border: 1px solid white; */
	/* position: absolute; */
}

/* .bodyBottom {
	width: 70%;
	height: 25rem;
	border: 1px solid white;
} */

.bodyRight {
	width: 30%;
	height: 66rem;
	border: 1px solid white;
	position: absolute;
	right: 0;
	top: 12rem;
	display: inline-block;
}

.bodyMiddle {
	width: 70%;
	height: 65rem;
	margin-left: 15%;
	margin-right: 15%;
}
#converTwo{
	height: 60em;
}
.bodyAll {
	width: 100%;
}

/* 第一格内容 */
.navTop {
	width: 100% !important;
	height: 3.5rem;
	/* border-bottom:1px solid white; */
}

.navTop>ul>li {
	width: 15rem;
	height: 3.5rem;
	/* border: 1px solid white; */
	float: left;
	cursor: pointer;
	text-align: center;
	line-height: 3.5rem;
	color: white;
	list-style: none;
	font-size: 1.8rem;
}

.navTop>ul>li>a {
	color: white;
	text-decoration: none;
	font-size: 1.8rem;
}

.navClass {
	width: 100%;
	height: 5rem;
	/* border: 1px solid red; */
}

.navClass>ul>li {
	list-style: none;
	float: left;
	margin-left: 1.5rem;
	color: white;
	line-height: 5rem;
}

.navClass>ul>li>input {
	width: 6rem;
	height: 3rem;
	border-radius: .5rem;
}
.twoSXone{
	width: 100%;
	height: 5rem;
}

.twoSXone ul>li{
	float: left;
	margin-left:12px ;
}
.twoSXone ul>li:nth-child(2){
	margin-top: -0.5rem;
}
.sliderInput > input {
	height: 30px;
}
/* 表格样式 */
.table>tbody>tr:hover {
	background: #666;
}
.el-table td, .el-table th{
	padding: 0 0 !important;
}

#brokenKLine {
	width: 100%;
	height: 35rem;
	/* border: 1px solid red; */
	margin-top: 4rem;
}

.number-input input {
	padding-right: 0px !important;
}

.table-responsive {
	height: 100%;
}
.el-dialog{
	width: 54% !important;
}
.el-dialog__header {
	background-color: #535353;
	color: white;
}
.el-dialog__title {
	color: white;
}
.el-dialog--center .el-dialog__body {
	padding: 0px;
}
.el-menu {
	border-right: 0px;
}
.el-menu-item, .el-submenu__title {
	height: 68px;
    line-height: 28px;
	margin-left: -10px;
	padding: 10px;
	border-bottom: solid 1px #e6e6e6;;
}
.el-menu-item .item-left{
	overflow: hidden;
	padding: 0px;
	text-align: left;
	margin: 0px;
}
.el-menu-item .item-right{
	padding: 0px;
	text-align: right;
	margin: 0px;
}
.el-dialog__body .el-aside{
	border-right: solid 1px #e6e6e6;
	height: 625px;
}
.el-dialog__body .el-header{
	background-color: #e7eaed;
	padding: 20px;
}
.el-dialog__body .el-header h3{
	line-height: 30px;
}
.el-dialog__body  main{
	padding: 0px;
	height: 565px;
}
.el-dialog__body .el-card__header{
	padding: 5px;
}
.el-dialog__body .el-card__body{
	padding: 5px;
}
.el-dialog__body .el-card__body .el-table thead th, .el-dialog__body .el-card__body .el-table thead tr{
	background-color: #f2f8fd;
	color: black;
	padding: 0px;
}
.el-dialog__body .el-card__body .el-table  td {
	padding: 3px 0px;
	font-size: 12px;
}
.red-color{
	color: red;
}
.black-color{
	color: black;
}
.green-color{
	color: green;
}

.el-table .cell, .el-table th div {
	padding: 0px;
	text-align: center;
}
.table-responsive .el-table th, .table-responsive .el-table tr, .table-responsive .el-table__empty-block {
	background-color: #000000;
	/* border-bottom: 1px solid #EBEEF5; */
}
.table-responsive .el-table__empty-text {
	background-color: #000000;
	/* border-bottom: 1px solid #EBEEF5; */
}
.firstTable tr td .cell{
	line-height: 20px;
}
.lastTable tr td .cell{
	line-height: 40px;
}
.table-responsive .el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: #666;
}
#converOne .table-responsive .el-table__body>tbody>tr>td:nth-child(2),
#converOne .table-responsive .el-table__body>tbody>tr>td:nth-child(15),
#converOne .table-responsive .el-table__body>tbody>tr>td:nth-child(16),

#converTwo .table-responsive .el-table__body>tbody>tr>td:nth-child(2),
/* #converTwo .table-responsive .el-table__body>tbody>tr>td:nth-child(19), */
/* #converTwo .table-responsive .el-table__body>tbody>tr>td:nth-child(14), */
#converTwo .table-responsive .el-table__body>tbody>tr>td:nth-child(15),
#converTwo .table-responsive .el-table__body>tbody>tr>td:nth-child(16),
#converTwo .table-responsive .el-table__body>tbody>tr>td:nth-child(17),
#converTwo .table-responsive .el-table__body>tbody>tr>td:nth-child(18),
#converTwo .table-responsive .el-table__body>tbody>tr>td:nth-child(19) {
	color: #F0F888;
}

/* #converOne .table-responsive .el-table__body>tbody>tr>td:nth-child(3), */
#converOne .table-responsive .el-table__body>tbody>tr>td:nth-child(4),
#converOne .table-responsive .el-table__body>tbody>tr>td:nth-child(5),
/* #converOne .table-responsive .el-table__body>tbody>tr>td:nth-child(11), */
#converOne .table-responsive .el-table__body>tbody>tr>td:nth-child(13),
#converOne .table-responsive .el-table__body>tbody>tr>td:nth-child(14),

#converTwo .table-responsive .el-table__body>tbody>tr>td:nth-child(4),
#converTwo .table-responsive .el-table__body>tbody>tr>td:nth-child(5),
#converTwo .table-responsive .el-table__body>tbody>tr>td:nth-child(6),
#converTwo .table-responsive .el-table__body>tbody>tr>td:nth-child(7),
#converTwo .table-responsive .el-table__body>tbody>tr>td:nth-child(8),
/* #converTwo .table-responsive .el-table__body>tbody>tr>td:nth-child(19), */
#converTwo .table-responsive .el-table__body>tbody>tr>td:nth-child(20),
#converTwo .table-responsive .el-table__body>tbody>tr>td:nth-child(21),
#converTwo .table-responsive .el-table__body>tbody>tr>td:nth-child(22) {
	color: #FF7733;
}

/* #converOne .table-responsive .el-table__body>tbody>tr>td:nth-child(7), */
/* #converTwo .table-responsive .el-table__body>tbody>tr>td:nth-child(3), */
#converOne .table-responsive .el-table__body>tbody>tr>td:nth-child(7){
	color: red;
}

#converOne .table-responsive .el-table__body>tbody>tr>td:nth-child(11),
/* #converOne .table-responsive .el-table__body>tbody>tr>td:nth-child(9), */
#converOne .table-responsive .el-table__body>tbody>tr>td:nth-child(10),

#converTwo .table-responsive .el-table__body>tbody>tr>td:nth-child(13),
#converTwo .table-responsive .el-table__body>tbody>tr>td:nth-child(9),
#converTwo .table-responsive .el-table__body>tbody>tr>td:nth-child(10),
#converTwo .table-responsive .el-table__body>tbody>tr>td:nth-child(11),
#converTwo .table-responsive .el-table__body>tbody>tr>td:nth-child(12) {
	color: #02E2F4;
}
.table-responsive .el-table__body>tbody>tr>td {
	cursor: pointer;
}
.table-responsive .el-table, .table-responsive .el-table thead, .table-responsive .el-table__empty-text {
	color: #FFFFFF;
	background-color: #000000;
}
.el-table--border::after, .el-table--group::after, .el-table::before{
	background-color: #000000;
	height: 0px !important;
}
.bodyRight .el-tabs--border-card {
    background: #000000;
    border: 0px solid #DCDFE6;
	color: #ffffff;
}
.bodyRight .el-tabs--border-card>.el-tabs__header{
    background-color: #000000;
    border: 1px solid #ffffff;
    margin: 0;
}
.bodyRight .el-tabs--border-card>.el-tabs__header .el-tabs__item{
	color: #ffffff;
}
.bodyRight .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    background-color: #000000;
}
.bodyRight .el-tabs--border-card>.el-tabs__content {
	padding: 0px;
}
#ztfx {
	padding: 20px;
}
#ztfx .el-timeline-item__content {
	color: #ffffff;
}
#ztfx .el-timeline-item__timestamp.is-bottom {
    margin-top: 0px;
}
#ztfx .el-timeline-item {
  padding-bottom: 5px;
	cursor: pointer;
}
#ztfx .el-timeline-item:hover {
    background-color: #666;
}
#ztfx .el-main {
	padding: 0px 20px;
}
.navbar div.container a.navbar-brand {
	font-size:20px !important;
}
.navbar div.container div.collapse.navbar-collapse {
	font-size:16px !important;
}
/* 分辨率调整响应式 */
@media only screen and (max-width: 1000px) {  /*1000*/
	.bodyLeft{
		width: 100%;
	}
	.bodyRight{
		width: 100% !important;
		height: 55rem;
		border: 1px solid white;
		position: relative;
		/* right: 0; */
		top: 20rem;
		display: inline-block;
	}
	#brokenKLine {
		width: 100% !important;
		height: 35rem;
		/* border: 1px solid red; */
		margin-top: 4rem;
	}
}
@media screen and (min-width:1000px) and (max-width:1810px) {
	.bodyRight {
		width: 30%;
		height: 62.5rem;
		border: 1px solid white;
		position: absolute;
		right: 0;
		top: 15.3rem;
		display: inline-block;
	}
}
.el-dialog__header{
	height: 4rem;
	padding: 1.2rem;
}
.el-dialog__headerbtn{
	top: 0.9rem !important;
	font-size: 2rem !important;
}